/* 路由 */
.router-data-view {
    width: 100%;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
}

/* 基本信息 */
.data-base {
    width: 900px;
}

.data-base .content {
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.data-base .content .contents {
    width: 50%;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.data-base .content .contents .second-title {
    width: 140px;
    text-align: right;
    font-size: 20px;
    color:rgba(29,39,60,1);
    line-height:45px;
}

.data-base .content .contents .second-content {
    font-size: 21px;
    color:rgba(29,39,60,1);
}

.data-base img {
    width: 60px;
    height: 60px;
}

.data-base .btns {
    margin-top: 100px;
    text-align: center;
}

.data-base .btns .btn {
    width: 222px;
    height: 66px;
    margin-left: 20px;
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:45px;
}

/* 扩展信息 */
.data-expansion {
    width: 900px;
}

.data-expansion .content {
    width: 100%;
}

.data-expansion .content .contents {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(233,233,233,1);
    display: flex;
    flex-direction: column;
}

.data-expansion .content .contents>div {
    margin-bottom: 30px;
}

.data-expansion .content .contents .second-title {
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,109,243,1);
    line-height:45px;
}

.data-expansion .content .contents .rows {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.data-expansion .content .contents .two-row>div {
    width: 50%;
    display: flex;
}

.data-expansion .content .contents .two-row .left-row-child {
    justify-content: flex-start;
}

.data-expansion .content .contents .two-row .right-row-child {
    justify-content: flex-end;
}

.data-expansion .content .contents .name {
    width: 110px;
    font-size:20px;
    color:rgba(29,39,60,1);
    line-height:45px;
}

.data-expansion .content .contents .detail {
    font-size:18px;
    color:rgba(29,39,60,1);
    line-height:45px;
}

.data-expansion .content .contents .detail .el-input {
    width: 153px;
}

.data-expansion .content .contents .detail .el-input input {
    width: 100%;
    width: 100%;
    font-size: 18px;
    font-weight: 100;
}

.data-expansion .content .contents .detail .btn {
    width:100px;
    height:54px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:45px;
}

.data-expansion .content .contents .btns {
    width: 100%;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.data-expansion .content .contents .btns .operat {
    height: 22px;
    margin-left: 50px;
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,109,243,1);
    cursor: pointer;
    display: flex;
    align-content: center;
}

.data-expansion .content .contents .btns .operat img {
    width: 22px;
    height: 24px;
    margin-top: 5px;
    margin-left: 10px;
}

/* 编辑状态 */
.data-expansion .content .contents .btns .btn {
    width:222px;
    height:66px;
    margin-left: 20px;
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:45px;
}
.data-expansion .content .contents .input-select {
    width:360px;
    height:54px;
    padding: 0 16px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(209,209,209,1);
    border-radius:4px;
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:400;
    line-height:45px;
}
.data-expansion .content .contents .textarea {
    width:1055px;
    height:244px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(209,209,209,1);
    border-radius:4px;
    padding: 10px 20px;
    font-size: 24px;
    color: rgba(29,39,60,1);
}

/* 面料种类 技术等级 擅长种类 */
.data-expansion .content .contents .second-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.data-expansion .contents .second-content .choose {
    width: 220px;
    height: 50px;
    line-height: 50px;
}

.data-expansion .content .contents input.checkbox,.data-expansion .content .contents input.radio {
    width: 15px;
    height: 15px;
}

.data-expansion .contents .second-content div span {
    margin-left: 10px;
    color: #1D273C;
    font-size: 18px;
}
/* 个人认证 */
.data-certification {
    width: 900px;
}
.data-certification .content {
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.data-certification .content .contents {
    width: 50%;
    margin-top: 24px;
    display: flex;
    align-items: center;
}





/* 我的消息 */
/* 路由渲染下面-我的资料 css */
.router-message-link {
    width: 100%;
    height: 80px;
    display: flex;
}

.router-message-link .message-link {
    /* width: 25%; */
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.router-message-link .message-link a {
    font-size:28px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(29,39,60,1);
}
.router-message-link .message-link.active {
    border-bottom: 1px solid #226DF3;
}
.router-message-link .message-link.active a {
    color: #226DF3;
}